/**
 * Created by liujinghao on 12/13 0013.
 *
 */


// 车流量时段分析
var option_car = {
    color: ['#2ceb43', '#fbec47', '#fe212a', '#4ab6fe', '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
        '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD', '#D7504B',],
    grid: {
        top: 30,
        left: '1%',
        right: '2%',
        bottom: '3%',
        containLabel: true
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        textStyle: {
            color: "#fff"
        },
        top: -5,
        right: 15,
        data: ['2019-11-10','2019-11-11']
    },
    textStyle: {
        color: "#d2d2d2"
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            data: [ '06:00','07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00','14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00','21:00', '22:00', '23:00']
        }
    ],
    yAxis: [
        {
            type: 'value',
            axisLabel: {
                formatter: '{value}'
            },
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            splitLine: {
                show: true,
                lineStyle: {
                    // 使用深浅的间隔色
                    color: ['#2f2f2f']
                }
            },
        }
    ],
    series: [
        {
            name: '2019-11-10',
            type: 'line',
            smooth: true,
            showSymbol: true,
            symbol: 'circle',
            symbolSize: 1,
            data: [0, 6, 24, 0, 0, 0, 0,0,0,0,0,0,0,0,0,0,0,0],
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: 'rgba(216,29,38, 0.5)'
                    }, {
                        offset: 0.8,
                        color: 'rgba(75,182,252, 0.5)'
                    }], false),
                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                    shadowBlur: 10
                }
            },
        },
        {
            name: '2019-11-11',
            type: 'line',
            smooth: true,
            showSymbol: true,
            symbol: 'circle',
            symbolSize: 1,
            data: [0, 26, 52, 75, 71, 58, 43,29,30,29,19,22,17,0,0,0,0,0],
           
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: 'rgba(216,29,38, 0.5)'
                    }, {
                        offset: 0.8,
                        color: 'rgba(75,182,252, 0.5)'
                    }], false),
                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                    shadowBlur: 10
                }
            },
        },
    ]
};
var carDiv = echarts.init(document.getElementById('carDiv'));
carDiv.setOption(option_car);
// function setCar(data) {
//     option_car.xAxis[0].data=data.xAxis;
//     option_car.legend.data = data.legend;
//     var confArr = [];
//     data.data.forEach(function (val, index) {
//         var obj = $.extend(true, {}, option_car.series[0]);
//         obj.name = val.name;
//         obj.data = val.data;
//         confArr.push(obj)
//     })
//     option_car.series = confArr;
//     var carDiv = echarts.init(document.getElementById('carDiv'));
//     carDiv.setOption(option_car);
//     // 分时段车流量分析
//     var tpl = ` <li soda-repeat="item in list" >
//                         <i></i> <span>{{item}}</span>
//                     </li>`;
//     var info = {
//         list: [  ]
//     };
//     info.list=data.features
//     document.getElementById("carTime").innerHTML = soda(tpl, info);
// }

// function carSearch(t1, t2) {
//     var opt = {
//         type: 'get',
//         url: '/bigdata/manage/park/hour-trend',
//         data: {},
//         callback: function (res) {
//             if (res.code == 1) {
//                 dyw.box.alert(res.msg);
//                 return false
//             }
//             setCar(res.result);
//             $("#date1").val(res.result.start_time);
//             $("#date2").val(res.result.end_time);
//         }
//     }
//     if (t1) {
//         opt.data = {
//             start_time: t1,
//             end_time: t2
//         }
//     }
//     loadData(opt)
// }
// carSearch();
// $("#search1").on('click', function () {
//     var t1 = $("#date1").val();
//     var t2 = $("#date2").val();
//     if (!t1 || !t2) {
//         dyw.box.alert('请选择查询时间');
//         return false
//     }
//     carSearch(t1, t2);
// })


// 购票时段分析
var option_tic = {
    color: ['#2ceb43', '#fbec47', '#fe212a', '#4ab6fe', '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
        '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD', '#D7504B'],
    grid: {
        top: 30,
        left: '1%',
        right: '3%',
        bottom: '3%',
        containLabel: true
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        textStyle: {
            color: "#fff"
        },
        top: -5,
        right: 15,
        data: ['2019-11-11']
    },
    textStyle: {
        color: "#d2d2d2"
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            data: [ '04:00','05:00', '06:00','07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00','14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00','21:00', '22:00', '23:00']
        }
    ],
    yAxis: [
        {
            type: 'value',
            axisLabel: {
                formatter: '{value}'
            },
            axisLine: {
                lineStyle: {
                    color: '#475f79'
                }
            },
            splitLine: {
                show: true,
                lineStyle: {
                    // 使用深浅的间隔色
                    color: ['#2f2f2f']
                }
            },
        }
    ],
    series: [
        {
            name: '2019-11-11',
            type: 'line',
            smooth: true,
            showSymbol: true,
            symbol: 'circle',
            symbolSize: 1,
            data: [0,0,2, 83, 46, 17, 0, 0, 0,0,0,0,0,0,0,0,0,0,0,0],
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: 'rgba(216,29,38, 0.5)'
                    }, {
                        offset: 0.8,
                        color: 'rgba(75,182,252, 0.5)'
                    }], false),
                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                    shadowBlur: 10
                }
            },
        },

    ]
};

var ticDiv = echarts.init(document.getElementById('ticDiv'));
    ticDiv.setOption(option_tic);
// function setTic(data) {
//     option_tic.xAxis[0].data = data.xAxis;
//     option_tic.legend.data = data.legend;
//     var confArr = [];
//     data.data.forEach(function (val, index) {
//         var obj = $.extend(true, {}, option_tic.series[0]);
//         obj.name = val.name;
//         obj.data = val.data;
//         confArr.push(obj)
//     })
//     option_tic.series = confArr;
//     var ticDiv = echarts.init(document.getElementById('ticDiv'));
//     ticDiv.setOption(option_tic);
//     // 分时段购票分析
//     var tpl2 = ` <li soda-repeat="item in list" >
//                         <i></i> <span>{{item}}</span>
//                     </li>`;
//     var info = {
//         list: []
//     };
//     info.list=data.features;
//     document.getElementById("ticTime").innerHTML = soda(tpl2, info);
// }

// function ticSearch(t1, t2) {
//     var opt = {
//         type: 'get',
//         url: '/bigdata/manage/ticket/hour-trend',
//         data: {},
//         callback: function (res) {
//             if (res.code == 1) {
//                 dyw.box.alert(res.msg);
//                 return false
//             }
//             setTic(res.result);
//             $("#date3").val(res.result.start_time);
//             $("#date4").val(res.result.end_time);
//         }
//     }
//     if (t1) {
//         opt.data = {
//             start_time: t1,
//             end_time: t2
//         }
//     }
//     loadData(opt)
// }
// ticSearch();
// $("#search2").on('click', function () {
//     var t1 = $("#date3").val();
//     var t2 = $("#date4").val();
//     if (!t1 || !t2) {
//         dyw.box.alert('请选择查询时间');
//         return false
//     }
//     ticSearch(t1, t2);
// })


